@layout("/common/_form.html",{js:["/assets/nanMusic/nanMusic_add.js"],css:["/assets/common/module/formSelects/formSelects-v4.css"]}){
<style>
    .layui-upload-wrap a{
        display: inline-block;
        padding-top: 6px;
    }
</style>
<form class="layui-form" id="nanMusicForm" lay-filter="nanMusicForm">
    <div class="layui-fluid" style="padding-bottom: 75px;">
        <div class="layui-card">
            <div class="layui-card-header">基本信息</div>
            <div class="layui-card-body">
                <div class="layui-form-item layui-row">
                    <input name="id" type="hidden"/>
                    <div class="layui-inline layui-col-md12">
                        <label class="layui-form-label layui-form-required">名称</label>
                        <div class="layui-input-block">
                            <input id="name" name="name" placeholder="请输入名称" type="text" class="layui-input" lay-verify="required" required />
                        </div>
                    </div>
                    <div class="layui-inline layui-col-md12">
                        <label class="layui-form-label ">音乐文件</label>
                        <div class="layui-upload">
                            <button type="button" class="layui-btn layui-icon layui-icon-file" id="musicUrl">上传文件</button>
                            <div class="layui-upload-wrap">
                                <input type="hidden" name="musicUrl" />
                                <a class="layui-upload-img" target="_blank" id="musicUrlFilePreview"></a>
                            </div>
                        </div>
                    </div>
                    <div class="layui-inline layui-col-md12">
                        <label class="layui-form-label layui-form-required">背景图</label>
                        <div class="layui-upload">
                            <button type="button" class="layui-btn layui-icon layui-icon-picture" id="thumb">上传图片</button>
                            <div class="layui-upload-wrap">
                                <input type="hidden" name="thumb" lay-verify="required" required/>
                                <img class="layui-upload-img" id="thumbImgPreview">
                            </div>
                            <div class="nan-tips">备注：图片尺寸：750*1334px</div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>
    <div class="form-group-bottom text-center">
        <button class="layui-btn" lay-filter="btnSubmit" lay-submit>&emsp;提交&emsp;</button>
        <button type="reset" class="layui-btn layui-btn-primary" id="cancel">&emsp;取消&emsp;</button>
    </div>

</form>

@}
